page-center {
   .scroll-content{
     background-color: $bg;
   }
   .list-pernonal{
     margin: 0;
   }
  .list-pernonal .item-ios ion-avatar[item-left], .item-ios ion-thumbnail[item-left], .item-ios ion-avatar[item-start], .item-ios ion-thumbnail[item-start]{
         margin: 16px 16px 16px 0;
   }
   .list-pernonal .item:first-child{
     background-color: $blue;
     color: #fff;
     .item-inner{
       border-color: rgba(0,0,0,0);
     }
     p{
       color: #fff;
     }
     img{
       border: 2px solid #fff;
       border-radius: 50%;
     }
   }

   .C-module{
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     background-color: #fff;
   }
   .C-module .C-sub-module{
     width: 100%;
     padding-top: 16px;
     padding-bottom: 16px;
     border-top: 0.55px solid $border;
     border-right:0.55px solid $border;
     border-bottom:0.55px solid $border;
   }
   .C-module .C-sub-module:last-child{
     border-right-width: 0;
   }
   .C-sub-module .title{
     margin: 0 0 6px 0;
     font-size: 16px;
   }
   .C-sub-module .title .help{    
    width: 17px;
    vertical-align: text-top;}
   .C-sub-module .digital{
     margin: 0;
     font-size: 16px;
     color: $blue;
     text-decoration: underline;
   }
   .center-detail{

     .icon{
       width: 22px;
     }
   }

   .list.line-through .item {
     border-bottom: 1px solid $border;
     &.no-line{
       border-bottom-width: 0;
     }
   }
   .list.line-through .item .item-inner{
     border-color: rgba(0,0,0,0);
   }
   .label{
     margin: 16px 8px 16px 0;
   }
   .list.center-detail{
     margin-top: 0;
   }
   .header .toolbar-background {
    background: #299be4;
    }
    .C-sub-module {
        padding-left: 0px;
        text-align: center;
    }
    .C-module .C-sub-module{
        border-width: 1px;
//      border-color: #ebeaf0;
    }
}
